@import 'theme';
.form-container {
  padding: 20rpx 0;
  font-size: 30rpx;
  .control-group {
    padding: 20rpx 40rpx;
    border-top: 1rpx solid $bordercolor;
    border-bottom: 1rpx solid $bordercolor;
    background-color: $blackBar;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20rpx;
    align-items: center;
    color: $white;
    &.vertical {
      display: block;
      .control-label {
        line-height: normal;
        padding: 10rpx 0;
        .inline {
          display: inline;
        }
        text:last-child {
          float: right;
          color: $white;
        }
        .inline {
          text:last-child {
            color: $orange;
            float: none;
          }
        }
      }
    }
    .control-label {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: $grey;
      line-height: 66rpx;
    }
    .controls {
      -webkit-box-flex: 3;
      -ms-flex: 3;
      flex: 3;
      slider {
        margin: 50rpx 0;
      }
      input {
        min-height: 66rpx;
        color: $white;
        font-size: 30rpx;
        text-align: right;
      }
      .select,
      .text {
        text-align: right;
        line-height: 66rpx;
        @include clearfix();
      }
      picker {
        @include clearfix();
      }
      image.arrow-right {
        width: 20rpx;
        height: 40rpx;
        margin-left: 26rpx;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        top: -1px;
      }
      .datepicker {
        width: 100%;
        height: 100%;
        font-size: 30rpx;
        line-height: 66rpx;
        view {
          min-height: 66rpx;
        }
      }
    }
  }
}

.submit-button {
  line-height: 110rpx;
  width: 670rpx;
  text-align: center;
  color: $white;
  background-color: $orange;
  border-radius: 55rpx;
  font-size: 36rpx;
  margin: 30rpx auto 0 auto;
  @include transition();
  &:active {
    opacity: 0.8;
  }
  &.small {
    font-size: 30rpx;
    width: 360rpx;
    height: 80rpx;
    line-height: 80rpx;
  }
}
